<!DOCTYPE html>
<html lang="en">
<head>
    <titleType style="display: none;">qyls</titleType>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>签约服务</title>
    <%- include('../../_global/baseLibs') %>
    <%- include('../../_global/rem') %>
    <!--<link rel="stylesheet"  href="/static/css/mycontract.css" />-->

    <style>
        #prescriptionDetail{
            background-color: #F5F7FC;
            font-size: 16px;
        }
        #prescriptionDetail .result{
            display: flex;
            background-color: rgba(255,255,255,.7);
            padding: .3rem;
            overflow: hidden;
            align-items:center;

        }
        #prescriptionDetail .result div{
            color: #32A2F8;
            width: 4.87rem;
        }
        #prescriptionDetail .result .first{
            margin-right: .4rem;
            margin-left: .57rem;
            height: .22rem;
        }
        #prescriptionDetail .result .two{
            width: .16rem;
            margin-left: .37rem;
        }
        #prescriptionDetail .result .address{
            font-size: .28rem;
            line-height: .49rem;
        }
        #prescriptionDetail .result .times{
            font-size: .24rem;
        }
        #prescriptionDetail .detail{
            border-top: 1px dashed #C8C8C8;
            padding: .3rem;
            line-height: .6rem;
            font-size: .28rem;
            display: flex;
            background-color: white;
        }
        #prescriptionDetail .detail .left{
            color: #ADADAD;
        }
        #prescriptionDetail .detail .right{
            color: #333333;
            margin-left: .38rem;
        }
        #prescriptionDetail .drug{
            height: .9rem;
            line-height: .9rem;
            padding-left: .35rem;
            font-size: .32rem;
            color: #333333;
            background-color: white;
            margin-top: .2rem;
        }
        #prescriptionDetail .drugDetail{
            border-bottom: 1px dashed #C8C8C8;

        }
        #prescriptionDetail .detail .header{
            display: flex;
            font-size: .32rem;
            color: #333333;
            align-items:center;
        }
        #prescriptionDetail .detail .header img{
            margin-right: .16rem;
            width: .32rem;
            height: .32rem;
        }
        #prescriptionDetail .footer {
            flex-direction: column;
        }
    </style>

</head>
<body id="prescriptionDetail">
    <div class="result">
        <img src="/static/images/物流小车@2x.png" alt="" class="first">
        <div>
            <p class="address">已在上海市崇明县长兴乡社区卫生服务中心站结算收费</p>
            <p class="times">2018-03-09  15:35:00 星期一 </p>
        </div>
        <img src="/static/images/arrow-left.png" alt="" class="two">

    </div>
<div class="detail">
    <div class="left">
        <p>送货方式  </p>
        <p>送货地址 </p>
    </div>
    <div class="right">
        <p>送货上门</p>
        <p>普陀区杨柳青路11弄15号401</p>
    </div>
</div>
<div class="detail">
    <div class="left">
        <p>开方医院  </p>
        <p>开方日期 </p>
    </div>
    <div class="right">
        <p>普陀区长风社区卫生服务中心</p>
        <p>2018-03-08</p>
    </div>
</div>

    <div class="drugDetail">
        <div class="drug">
            药品列表
        </div>
        <div class="detail footer">
            <div class="header">
                <img src="/static/images/药品信息@2x.png" alt="">
                <span>重组牛碱性成纤维细胞生长因子滴眼液</span>
            </div>
            <div style="display: flex;flex-direction: row">
                <div class="left">
                    <p>单价数量  </p>
                    <p>药品规格 </p>
                    <p>用法用量 </p>
                </div>
                <div class="right">
                    <p>37.00元*2盒</p>
                    <p>0.25g*36片/盒</p>
                    <p>饭后口服  1片/天</p>
                </div>
            </div>

        </div>
        <div class="detail footer">
            <div class="header">
                <img src="/static/images/药品信息@2x.png" alt="">
                <span>重组牛碱性成纤维细胞生长因子滴眼液</span>
            </div>
            <div style="display: flex;flex-direction: row">
                <div class="left">
                    <p>单价数量  </p>
                    <p>药品规格 </p>
                    <p>用法用量 </p>
                </div>
                <div class="right">
                    <p>37.00元*2盒</p>
                    <p>0.25g*36片/盒</p>
                    <p>饭后口服  1片/天</p>
                </div>
            </div>

        </div>

    </div>

</body>
<script>
    var page_prescriptionDetail = (function($, page_prescriptionDetail) {

        var cfg_def = {

        }

        page_prescriptionDetail.init = function(cfg){
            $.extend(page_prescriptionDetail, cfg_def, cfg);
            $('.result').click(function () {
                $.pageSwitch.goToUrl("familyDoc","logistics");
            })

        }

        return page_prescriptionDetail;
    })(jQuery, {});


</script>
</html>